<div class="hero is-bold">
  <div class="container hero-body">
    <div class="columns">
      <div class="column vertical-center">
        <div class="hero-text">
          <h1 class="title is-size-1 is-spaced">
            <span>Code collaboration</span>
            <span>for dev teams.</span>
          </h1>

          <h2 class="subtitle">A Git source code management tool powered by Elixir with easy installation & high extensibility.</h2>

          <div class="content">
            <p>Provide one-stop development collaboration tools to help R&D teams quickly implement agile development and DevOps development methods, and achieve R&D efficiency upgradse.</p>
          </div>

          <a href="<%= Routes.session_path(@conn, :new) %>" class="button is-primary is-medium is-uppercase has-text-weight-bold">Get started</a>
        </div>
      </div>
      <div class="column vertical-center">
        <img class="hero-banner" src="<%= Routes.static_path(@conn, "/images/world-map.svg") %>" alt="hero">
      </div>
    </div>
  </div>
</div>
